<%--
  Created by IntelliJ IDEA.
  User: xumeng
  Date: 2017/11/25
  Time: 18:53
  To change this template use File | Settings | File Templates.
--%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>



    <meta charset="utf-8">
    <title>选择地址，时间信息</title>
    <link rel="stylesheet" href="/static/plugins/layui/css/layui.css">
    <link rel="stylesheet" href="/static/css/common.css">
    <link rel="stylesheet" href="/static/city_select/cityselect/cityLayout.css">
</head>
<body>
<div class="box-padding-15">
    <div class="box-form">

        <div class="layui-form-item">
            <label class="layui-form-label">客户手机</label>
            <div class="layui-input-block">
                <input type="text" name="mobile" required value="${clientUser.mobile}" lay-verify="required|phone" placeholder="请输入手机" autocomplete="off" class="layui-input">
            </div>
        </div>


    <form class="layui-form" action="/carOrder/saveTimeAndAddres" method="post">
        <fieldset class="layui-elem-field layui-field-title" style="margin-top: 30px;">
            <legend>取还车城市</legend>
        </fieldset>

        <div class="layui-form-item" >
            <label class="layui-form-label">取车城市</label>
            <div class="layui-input-block" >
                <input type="text" name="btrentdept"  id="citySelectQu"  lay-verify="mail" placeholder="--请选择取车城市--" autocomplete="off" class="layui-input">

            </div>
        </div>

        <br>

        <div class="layui-form-item" >
            <label class="layui-form-label">还车城市</label>
            <div class="layui-input-block" >
                    <input type="text" name="etrentdept"  id="citySelectHuan"  lay-verify="mail" placeholder="--请选择还车城市--" autocomplete="off" class="layui-input">
            </div>
        </div>


        <fieldset class="layui-elem-field layui-field-title" style="margin-top: 30px;">
            <legend>取还车时间</legend>
        </fieldset>


        <br>


        <div class="layui-form-item">

            <div class="layui-inline">
                <label class="layui-form-label">取车时间</label>
                <div class="layui-input-inline">
                    <input type="text" name="readybttime" class="layui-input" id="test1" placeholder="请选择取车时间">
                </div>
            </div>

        </div>



        <div class="layui-form-item">

            <div class="layui-inline">
                <label class="layui-form-label">还车时间</label>
                <div class="layui-input-inline">
                    <input type="text" name="readettime" class="layui-input" id="test2" placeholder="请选择还车时间">
                </div>
            </div>

    </div>


      <div class="layui-form-item" style="margin-top: 20px">
          <div >
              <button class="layui-btn" lay-submit lay-filter="formfilter" style="margin-left:200px">去订车</button>
          </div>
      </div>
    </form>

    </div>
</div>

<script src="/static/plugins/jquery.js"></script>
<script src="/static/plugins/layui/layui.js"></script>
<script src="/static/city_select/cityselect/cityselect.js"></script>
<script>


    //初始化城市地址

    init_city_select($("#citySelectQu"));
    init_city_select($("#citySelectHuan"));



    layui.use(['upload','laydate','element','layer','form'], function() {
        var $ = layui.jquery
            , upload = layui.upload
            ,laydate = layui.laydate
            ,form = layui.form
            ,element = layui.element
            ,layer = layui.layer;



        //时间选择器
              laydate.render({
            elem: '#test1'
            ,type: 'datetime'
        });

        laydate.render({
            elem: '#test2'
            ,type: 'datetime'
        });



        //监听提交
        form.on('submit(formfilter)', function(data){
            return true;
        });

    });


</script>


</body>
</html>
